<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>和平精英</title>
    <link rel="stylesheet" href="./css/index.css">
    <!-- 设置官网图标-----图片必须是ico格式 -->
    <link rel="shortcut icon" href="./image/favicon.ico" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>

<body>
    <!-- 头部样式  -->
    <header class="top">
        <div class="content">
            <div class="left">
                <a href="#" target="_blank"><img src="./image/log1.png" alt=""></a>
                <span>
                    <img src="./image/log2.jpg" alt="">
                    <a href="#"><img src="./image/log3.jpg" alt=""></a>
                </span>
            </div>
            <div class="right">
                <h3 class="text1">
                    <a href="#" target="_blank">成长守护平台</a>
                </h3>
                <h3 class="text2">
                    <span>腾讯游戏排行榜</span>
                    <div class="paihang">
                        <iframe
                            src="https://game.gtimg.cn/images/js/title/title_game_rank.html?rd=0.6803946426596019"></iframe>
                    </div>
                </h3>
            </div>
        </div>
    </header>
    <!-- 头部样式结束  -->
    <!-- 导航栏开始 -->
    <nav id="nav">
        <div class="nav1">
            <div class="left">
                <a href="#" target="_blank"><img src="./image/gamelog.png" alt=""></a>
                <h1>和平精英<span>全球玩家的竞技冒险世界</span></h1>
            </div>
            <ul>
                <li><a href="#" target="_blank">版本专区</a></li>
                <li><a href="#" target="_blank">游戏资料</a></li>
                <li><a href="#" target="_blank">赛事专区</a></li>
                <li><a href="#" target="_blank">安全中心</a></li>
                <li><a href="#" target="_blank">自助工具</a></li>
                <li><a href="#" target="_blank">社区论坛</a></li>
                <li><a href="#" target="_blank">下载游戏</a></li>
            </ul>
            <div class="search">
                <a href="#" target="_blank"></a>
            </div>
            <div class="right">
                <span></span>
                <p>特种兵，请<span>登录</span></p>
            </div>
        </div>
        <div class="nav2">
            <ul>
                <li class="tb_1">
                    <ul>
                        <li class="new">
                            <a href="https://gp.qq.com/cp/a20210827version/index.html" target="_blank">最新版本</a>
                        </li>
                        <li class="new">
                            <a href="https://gp.qq.com/cp/a20200224season/ss15.html?ADTAG=topnav"
                                target="_blank">最新赛季</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/cp/a20190912update/pc_index.html" target="_blank">版本中心</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/cp/a20201019experience/index.html" target="_blank">体验服</a>
                        </li>
                        <li class="new">
                            <a href="https://gp.qq.com/cp/a20190703hpjymall/pc_mall.html?e_code=483529&amp;idataid=269897"
                                target="_blank">皮肤宝库</a>
                        </li>
                        <li class="new">
                            <a href="https://gp.qq.com/cp/a20210827oasis/index.html?ADTAG=topnav"
                                target="_blank">绿洲启元</a>
                        </li>
                    </ul>
                </li>
                <li class="tb_2">
                    <ul>
                        <li>
                            <a href="#" target="_blank">新闻资讯</a>
                        </li>
                        <li>
                            <a href="#" target="_blank">攻略中心</a>
                        </li>
                        <li>
                            <a href="#" target="_blank">视频中心</a>
                        </li>
                        <li class="hot">
                            <a href="https://gp.qq.com/cp/a20190522gamedata/pc_list.shtml" target="_blank">武器库</a>
                        </li>
                        <li class="hot">
                            <a href="#" target="_blank">大神灵敏度</a>
                        </li>
                    </ul>
                </li>
                <li class="tb_3">
                    <ul>
                        <li>
                            <a href="https://gp.qq.com/act/a20210207match_data/match.html" target="_blank">赛事中心</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/cp/a20200427pen/index.html" target="_blank">PEN赛事</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/cp/a20200804landing/index.html" target="_blank">娱乐综艺</a>
                        </li>
                        <li class="hot">
                            <a href="https://gp.qq.com/cp/a20210430massmatch/index.html" target="_blank">大众赛</a>
                        </li>
                        <li class="hot">
                            <a href="https://gp.qq.com/cp/a20200925match/index.shtml" target="_blank">巅峰赛</a>
                        </li>
                        <li class="hot">
                            <a href="https://gp.qq.com/cp/a20201124atmatch/index.html" target="_blank">授权赛</a>
                        </li>
                    </ul>
                </li>
                <li class="tb_4">
                    <ul>
                        <li class="hot">
                            <a href="https://gp.qq.com/cp/a20190531safe/pc_index.shtml" target="_blank">安全反外挂站</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/cp/a20190531safe/pc_newsdetail.html?newsid=7431210"
                                target="_blank">视频巡查</a>
                        </li>
                        <li>
                            <a href="https://game.qq.com/act/a20210705protect/page1.html" target="_blank">成长守护平台</a>
                        </li>
                        <li>
                            <a href="https://game.qq.com/act/a20210705protect/index.html" target="_blank">腾讯游戏防沉迷</a>
                        </li>

                    </ul>
                </li>
                <li class="tb_5">
                    <ul>
                        <li>
                            <a href="https://gp.qq.com/act/a20190421cdkey/index_pc.html" target="_blank">CDK兑换</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/web201908/detail_news.html?e_code=483000&amp;idataid=269314&amp;newsid=6646668"
                                target="_blank">客服专区</a>
                        </li>
                        <li class="hot">
                            <a href="https://gp.qq.com/cp/a20190222aqzx_pc/pc_report.shtml" target="_blank">举报查询</a>
                        </li>
                        <li>
                            <a href="https://gp.qq.com/author/#/index" target="_blank">作者入驻</a>
                        </li>
                    </ul>
                </li>
                <li class="tb_6">
                    <ul>
                        <li>
                            <a href="javascript:;">官方公众号</a>
                            <span>
                                <img src="./image/code1.png" alt="官方公众号">
                            </span>
                        </li>
                        <li>
                            <a href="javascript:;">微信用户社区</a>
                            <span>
                                <img src="./image/code2.png" alt="微信用户社区">
                            </span>
                        </li>
                        <li>
                            <a href="javascript:;">QQ用户社区</a>
                            <span>
                                <img src="./image/code3.png" alt="QQ用户社区">
                            </span>
                        </li>
                        <li>
                            <a href="javascript:;">官方微博</a>
                            <span>
                                <img src="./image/code4.png" alt="官方微博">
                            </span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <!-- 导航栏结束 -->
    <!-- 登录弹框开始 -->
    <div id="loginbox" class="login">
        <div class="content">
            <h1>登录</h1>
            <div class="btn">
                <a href="#" target="_blank">qq</a>
                <a href="#" target="_blank">wx</a>
            </div>
            <button class="close"></button>
        </div>
    </div>
    <!-- 登录弹框结束 -->
    <!-- banner部分开始 -->
    <div class="topbg"></div>
    <div id="banner">
        <div class="bottombg">
            <button class="year">适龄提示</button>
            <div class="Top">
                <div class="topleft">
                    <h3>扫码下载游戏</h3>
                    <a href="#" target="_blank">苹果下载</a>
                    <a href="#" target="_blank">安卓下载</a>
                    <img src="./image/downqrcode.jpg" alt="">
                </div>

                <!-- 轮播图 -->
                <div class="topcenter">
                    <ul class="Innerimg">
                        <li>
                            <a href="#"><img src="./image/LTB_4.jpeg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/LBT_1.jpeg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/LBT_2.jpeg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/LTB_3.jpeg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/LTB_4.jpeg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="./image/LBT_1.jpeg" alt="">
                            </a>
                        </li>
                    </ul>
                    <div class="dian">
                        <span class="active"></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>

                <!-- 新闻 -->
                <div class="topbottom">
                    <ul class="tab">
                        <li class="active">最新</li>
                        <li>新闻</li>
                        <li>公告</li>
                        <li>活动</li>
                        <li>赛事</li>
                        <li class="more"><a href="#"></a></li>
                    </ul>
                    <!-- 下方文本部分 -->
                    <ul class="tabcontent active">
                        <li><a href="">少年，圈里HI！第二届和平精英高校赛正式开赛！</a> </li>
                        <li><span>最新</span>
                            <a href="#">《史上最“绣”联动来了！设计大师劳伦斯·许合作款时装「灵绣」已上线，感受“深山高水”的快乐</a><i>10-08</i>
                        </li>
                        <li><span>最新</span>
                            <a href="#">《史上最“绣”联动来了！设计大师劳伦斯·许合作款时装「灵绣」已上线，感受“深山高水”的快乐</a><i>10-08</i>
                        </li>
                        <li><span>最新</span>
                            <a href="#">《史上最“绣”联动来了！设计大师劳伦斯·许合作款时装「灵绣」已上线，感受“深山高水”的快乐</a><i>10-08</i>
                        </li>
                        <li><span>最新</span>
                            <a href="#">《史上最“绣”联动来了！设计大师劳伦斯·许合作款时装「灵绣」已上线，感受“深山高水”的快乐</a><i>10-08</i>
                        </li>
                        <li><span>最新</span>
                            <a href="#">《史上最“绣”联动来了！设计大师劳伦斯·许合作款时装「灵绣」已上线，感受“深山高水”的快乐</a><i>10-08</i>
                        </li>
                    </ul>
                    <ul class="tabcontent"></ul>
                    <ul class="tabcontent"></ul>
                    <ul class="tabcontent"></ul>
                    <ul class="tabcontent"></ul>
                </div>
            </div>
            <div class="Bottom">
                <ul>
                    <li><a href="#" target="_blank"><img src="./image/img1.png" alt=""></a></li>
                    <li><a href="#" target="_blank"><img src="./image/img2.png" alt=""></a></li>
                    <li><a href="#" target="_blank"><img src="./image/img3.png" alt=""></a></li>
                    <li><a href="#" target="_blank"><img src="./image/img4.png" alt=""></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- banner部分结束 -->
    <!-- 适龄提示内容开始 -->
    <div id="yearbox" class="login">
        <div class="content">
            <h1></h1>
            <div class="scroll">
                <div class="scrollcontent">
                    <h4>提示说明：</h4>
                    <p>
                        1、本游戏是一款玩法复杂的射击类游戏，适用于年满16周岁及以上的用户，建议未成年人在家长监护下使用游戏产品。
                    </p>
                    <p>2、本游戏背景为特种兵训练，画面风格写实、人物和场景丰富多样，有丰富的音效来烘托游戏氛围。游戏主要玩法为需要多人进行的团队竞技，玩法基于较复杂的思维判断和操作，对玩家的逻辑思维和团队协作能力有一定要求，鼓励玩家在训练中不断提升和挑战自我。游戏中有基于语音和文字的陌生人社交系统，但社交系统的管理遵循相关法律法规。
                    </p>
                    <p>3、根据国家相关要求，游戏中有用户实名认证系统，未通过实名认证的用户不可进入游戏；认证为未成年人的用户除周五、周六、周日及法定节假日每日20时至21时外其他时间均不可进入游戏。
                        游戏中部分玩法和道具需要付费。根据腾讯健康系统管理规定，认证为未成年人的用户将接受以下管理：
                        未满12周岁的用户不能付费；
                        12周岁以上未满16周岁的未成年人用户，单次充值金额不得超过50元人民币，每月充值金额累计不得超过200元人民币；
                        16周岁以上的未成年人用户，单次充值金额不得超过100元人民币，每月充值金额累计不得超过400元人民币。</p>
                    <p>
                        4、游戏在3D场景中的竞技和操作训练有助于锻炼玩家的手眼协调能力、空间感知能力和快速反应能力，基于团队的玩法可以提升玩家的沟通能力、团队协作能力和大局观，鼓励玩家互帮互助，维持良好的社群关系。
                    </p>
                </div>
                <div class="scrollbar"></div>
            </div>

            <button class="close"></button>
        </div>
    </div>
    <!-- 适龄提示内容结束 -->

    <script src="./js/login.js"></script>
    <script src="./js/topcenter.js"></script>
</body>

</html>